// export function generateHtml(data:any) {
// 	let html = `<div style="width: ${data.size.width}px; height: ${data.size.height}px;position:relative" class="page">`;
  
// 	data.elements.forEach((ele:any) => {
  
// 	  if (ele.type === 'TEXT') {
// 			html += `<div style="position: absolute; left: ${ele.x}px; top: ${ele.y}px; transform: scaleY(${ele.h});font-size: 20px;">${ele.label}${ele.joinStr}${ele.contentOne||''}${ele.contentTwo||''}${ele.content}</div>`;
// 	  }
// 	});
  
// 	html += '</div>';
// 	return html;
// }
// export function generatePage(data:any) {
// 	let page = `<PAGE><SIZE>${data.size.width/8},${data.size.height/8}</SIZE>`;
  
// 	data.elements.forEach((ele:any) => {
// 		page += `<TEXT x="${ele.x || 0}" y="${ele.y || 0}" h="${ele.h || 0}" r="${ele.r || 0}">${ele.label}${ele.joinStr}${ele.contentOne||''}${ele.contentTwo||''}${ele.content}</TEXT>`;
// 	});
  
// 	page += '</PAGE>';
// 	return page;
// }
export function generateHtml(data:any) {
	if(!data.size) {
		return '<span>暂无数据</span>';
	}
	let html = `<div style="width: ${data.size.width}px; height: ${data.size.height}px;position:relative;" class="page">`;
  
	data.elements.forEach((ele:any) => {
		const cpList = Object.keys(ele).filter(str=>str.includes('_'));
	  if (ele.type === 'TEXT') {
			html += `<div style="position: absolute; left: ${ele.x||0}px; top: ${ele.y||0}px; transform: scale(${ele.w||1},${ele.h||1});font-size: 20px;">${ele[cpList[0]]}${ele.joinStr}${ele[cpList[1]]||''}${ele[cpList[2]]||''}${ele[cpList[3]]||''}${ele[cpList[4]]||''}</div>`;
	  }
	});
  
	html += '</div>';
	return html;
}
export function generatePage(data:any) {
	let page = `<PAGE><SIZE>${data.size.width/8},${data.size.height/8}</SIZE>`;
	data.elements.forEach((ele:any) => {
		const cpList = Object.keys(ele).filter(str=>str.includes('_'));
		console.log(ele[cpList[0]]);
		page += `<TEXT x="${ele.x || 0}" y="${ele.y || 0}" h="${ele.h || 1}" w="${ele.w || 1}" r="${ele.r || 0}">${ele[cpList[0]]}${ele.joinStr}${ele[cpList[1]]||''}${ele[cpList[2]]||''}${ele[cpList[3]]||''}${ele[cpList[4]]||''}</TEXT>`;
	});
  
	page += '</PAGE>';
	return page;
}